<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 
    href = hyper reference 
      1.跳转地址 href= http://www.baidu.com
      2.锚点 href=某个元素的id
      3.功能链接
      4.发送邮件
      5.打电话，需要在手机端触发
    target
      跳转位置
      _slfe 当前页面（默认）
      _blank 新窗口
    title
      光标悬浮到a元素时显示的文字
   -->


  <a href="http://www.baidu.com">普通链接：百度</a>
  <a href="#chapter1">锚点：章节1</a>
  <a href="#chapter2">锚点：章节2</a>
  <a href="#chapter3">锚点：章节3</a>
  <a href="javascript:alert(1400*35)">功能</a>
  <a href="mailto:seefly@vip.qq.com">邮件</a>
  <a href="javascript:window.href='mp://d6HBr9uP0yRzbOp'">小程序</a>
  <a href="tel:114">电话</a>


  <h2 id="chapter1">章节1</h2>
  <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
  </p>
  <h2 id="chapter2">章节2</h2>
  <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
  </p>
  <h2 id="chapter3">章节3</h2>
  <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis molestias vitae consequatur quod rem facilis eius. Deserunt, eveniet itaque quod nihil alias consectetur natus dolore perspiciatis aut fugit rem doloribus.
  </p>
</body>
</html>